@charset "UTF-8";

body {
  margin: 20px 0;
  padding: 0;
  background: #FFF0E1;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", verdana, arial, helvetica, sans-serif;
  text-align: center;
  color: #2E2E2E;
  }

#container {
  margin: 0 auto;
  padding: 0;
  width: 640px;
  text-align: left;
  background: #fff;
  }
#footer {
  margin: 0 auto;
  padding: 0;
  width: 640px;
  font-size: 10px;
  color: #433;
  }
#footer p {
  margin: 0 0 8px;
  }
#footer ul {
  margin: 0 0 8px;
  padding: 8px 5px 8px 25px;
  background: #FFCC50 url(/images/footer_bg.gif) no-repeat center bottom;
  }
#footer ul li {
  font-size: 10px;
  color: #fff;
  line-height: 140%;
  text-align: left;
  border-bottom: none;
  list-style-type: circle;
  padding-left: 0px;
  }
#footer ul li:hover {
  background: none;
  border-bottom: none;
  }
#footer ul li code {
  font-size: 10px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", verdana, helvetica, arial, sans-serif;
  padding: 0px 4px 2px ;
  background: #FDA400;
  }
#footer ul li code:hover {
  background: #F80;
  }

#namearea {
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  }

h1 {
  margin: 0 0 5px;
  padding: 0;
  background: transparent url(/images/logo.gif) no-repeat center;
  }
h1 a {
  text-decoration: none;
  color: #f60;
  display: block;
  width: 127px;
  height: 28px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  }

ul {
  list-style: none;
  margin: 0;
  padding: 10px 20px;
  }

li {
  border-bottom: 1px solid #edd;
  list-style: none;
  padding: 5px;
  margin: 0;
  font-size: 12px;
  }
li:hover {
  border-bottom: 1px solid #edd;
  background: #fed;
  }
li.comment {
  font-style: italic ;
  color:        #50f ;
  }
li.offreco {
  color:        brown ;
  }
li.normal {
  }
li span a {
  font-size: 10px;
  color: #6af;
  }
li span a:hover {
  color: #fa6;
  }
li p {
  padding: 0 1em;
  margin: 0.5em 0;
  line-height: 140%;
  }
li a.attachment {
  padding: 0 0.5em;
  font-weight: bold;
  }

object {
  position: absolute;
  right: 9999px;
  }

img {
  padding: 0 5px 5px;
  border: none;
  vertical-align: top;
}

form {
  margin: 0;
  padding: 0;
  }

label {
  font-size: 12px;
  vertical-align: middle;
  }
input {
  vertical-align: bottom;
  }
input#name,
input#chat_input {
  color: #333;
  font-size: 12px;
  padding: 3px 4px　2px 4px;
  height: 14px;
  border: 0px solid ;
  background: transparent url(/images/input_bg.gif) repeat-x top;
  }
input#chat_input.sending {
  background: transparent url(/images/input_bg_anime.gif) repeat-x top;
}


input#name {
  width: 80px;
  font-weight: bold;
  }
input#chat_input {
  width: 460px;
  }
input#submit {
  font-size: 12px;
  width: 40px;
  }
textarea#attachment {
  color: #333;
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  width: 590px;
  height: 8em;
  padding: 3px 4px　2px 4px;
  border: 0px solid;
  background: #fff url(/images/textarea_bg.gif) repeat-x top;
  }

.controls {
  font-size: 11px;
  font-family: verdana, helvetica, arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 10px;
  position: relative;
  height: 26px;
  }
.inputs {
  background: #76C2FF url(/images/head_bg.gif) no-repeat top;
  color: #fff;
  padding: 17px 14px 14px;
  margin: 0;
  }
#extension {
  background: #587895 url(/images/extension_bg.gif) repeat-x top;
  text-align: center;
  margin: 0;
  padding: 0;
  }
#extension .multiline {
  padding: 14px;
  }

#multiline_bar {
  margin: 0;
  padding: 0;
  background: transparent url(/images/multiline_bar.gif) no-repeat top;
  }
#multiline_bar a {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  width: 640px;
  height: 25px;
  display: block;
  }

.controls a {
  padding: 3px 6px;
  border: 2px solid #6af;
  background-color: #acf;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  }
.controls a:hover {
  padding: 3px 6px;
  border: 2px solid #fa6;
  background-color: #fca;
  }
.controls a.next {
  width: 76px;
  height: 16px;
  display: block;
  position: absolute;
  right: 20px;
  top: 10px;
  }
.controls a.previous {
  width: 103px;
  height: 16px;
  display: block;
  position: absolute;
  left: 20px;
  top: 10px;
  }

div.code {
  padding: 0;
  margin: 5px 0;
  width: 100%;
  overflow: auto;
  background-color: #111;
  }
ol.ruby {
  padding: 10px;
  margin: 0;
  background-color: #111;
  color: #444;
  list-style-type: decimal;
  }
ol.ruby li {
  list-style-type: decimal;
  white-space: pre;
  margin-left: 24px;
  padding: 2px;
  border-bottom: none;
  font-family: verdana, helvetica, arial, sans-serif;
  }
ol.ruby li:hover {
  background: #222;
  }
ol.ruby .normal  {}
ol.ruby .comment { color: #777; font-style: italic; }
ol.ruby .keyword { color: #a0a1ff; font-weight: bold; }
ol.ruby .method  { color: #eee; }
ol.ruby .class   { color: #c1c042; }
ol.ruby .module  { color: #c1c042; }
ol.ruby .punct   { color: #eee;  }
ol.ruby .symbol  { color: #6681d3; }
ol.ruby .string  { color: #ad9360; }
ol.ruby .char    { color: #eee; }
ol.ruby .ident   { color: #eee; }
ol.ruby .constant { color: #c1c042; }
ol.ruby .regex   { color: #666; }
ol.ruby .number  { color: #eee; }
ol.ruby .attribute { color: #5bb; }
ol.ruby .global  { color: #7FB; }
ol.ruby .expr    { color: #5bb; }
ol.ruby .escape  { color: #5bb; }
